<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/列表页.css">
</head>

<body>
    <header class="w">
        <div class="top"></div>
        <nav>
            <!-- logo -->
            <img class="logo fl" src="imges/logo.png" alt="">

            <!-- 列表 -->
            <ul>
                <li><a href="/index.html">首页</a></li>
                <li><a href="">关于鼎搜</a></li>
                <li><a href="">鼎搜服务</a></li>
                <li><a href="">鼎搜动态</a></li>
                <li><a href="">鼎搜诚聘</a></li>
                <li><a href="">鼎搜公益</a></li>
            </ul>

            <!-- 搜索框 -->
            <div class="search-box fl">
                <input type="text">
                <span class=" icomoon"></span>
            </div>
        </nav>

        <!-- 顶部轮播图 -->
        <div class="head-carousel">
            <ul>
                <li>
                    <img src="imges/轮播图.png" alt="">
                </li>
                <li>
                    <img src="imges/轮播图.png" alt="">
                </li>
                <li>
                    <img src="imges/轮播图.png" alt="">
                </li>
            </ul>

            <!-- 小圆点 -->
            <div class="dots">
                <span class="dots_active"></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>

    <!-- 列表内容 -->
    <main>
        <div class="box">
            <div class="site">
                <span>当前位置</span>：主页 &gt; 我要投资 &gt; 投资列表
            </div>
            <p>
                <img src="imges/列表矢量1.png" alt="">
                按类型：<span class="all">全部</span> <span class="font12">股权转让 债权转让 实物资产 工美藏品 知识产权 经营产权 房产 矿权 林权 融资 更多</span>
            </p>
            <p>
                <img src="imges/列表矢量2.png" alt="">
                按行业：<span class="all">全部</span> <span class="font12">房地产业 电子通讯 电力工业 煤炭工业 冶金矿产 机械制造 基础设施 建筑建材 物流仓储
                    更多</span>
            </p>
            <p>
                <img src="imges/列表矢量3.png" alt="">
                按地区：<span class="all">全部</span> <span class="font12">北京 天津 上海 重庆 河北 山西 浙江 辽宁 吉林 湖北 江苏 安徽 福建 江西 台湾 香港 澳门
                    广东
                    更多</span>
            </p>

            <div class="bg">
                <div class="title-top">
                    <ul>
                        <li>项目名称</li>
                        <li>所在地区</li>
                        <li>行业</li>
                        <li>类型</li>
                        <li>发布时间</li>
                    </ul>
                    <div class="lt"></div>
                    <div class="rt"></div>
                </div>
                <ul class="content">
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                </ul>
                <ul class="content">
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                </ul>
                <ul class="content">
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                </ul>
                <ul class="content">
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                </ul>
                <ul class="content">
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                </ul>
            </div>
            <div class="flip">
                <a href="#">上一页</a>

                <input type="radio" name="page" id="1" checked>
                <label for="1">1</label>

                <input type="radio" name="page" id="2">
                <label for="2">2</label>

                <input type="radio" name="page" id="3">
                <label for="3">3</label>

                <input type="radio" name="page" id="4">
                <label for="4">4</label>

                <input type="radio" name="page" id="5">
                <label for="5">5</label>

                <a href="#">下一页</a>
            </div>
        </div>
    </main>

    <!-- 尾部 -->
    <footer class="w">
        <div class="foot">
            <div class="list">
                <dl class="fl">
                    <dt>简介</dt>
                    <dd>鼎搜网简介</dd>
                    <dd>鼎搜服务</dd>
                    <dd>会员身份实名认证</dd>
                </dl>
                <dl class="fl">
                    <dt>帮助</dt>
                    <dd>用户注册</dd>
                    <dd>关于鼎搜</dd>
                    <dd>在线咨询</dd>
                </dl>
                <dl class="fl">
                    <dt>共赢</dt>
                    <dd>网站合作</dd>
                    <dd>用户协议</dd>
                    <dd>会员身份实名认证</dd>
                </dl>
                <dl class="fl">
                    <dt>导航</dt>
                    <dd>地图首页</dd>
                    <dd>职能分类</dd>
                    <dd>名企名录</dd>
                </dl>
            </div>
            <div class="tab">
                <table class="fl">
                    <tr>
                        <td rowspan="3" valign="top"><img src="imges/形状 5.png" alt=""></td>
                        <td class="font16">全国服务热线
                        </td>
                        <td class="font10">投诉电话：4408801779
                        </td>
                    </tr>
                    <tr>
                        <td class="font16">440-880-1779</td>
                        <td class="font10">周一至周六：9:20-20:00</td>
                    </tr>
                    <tr>
                        <td class="font10">邮箱:dinsoo@163.com</td>
                        <td align="right"><img src="imges/关注.png" alt=""></td>
                    </tr>
                    <tr>
                        <td><img src="imges/二维吗.png" alt=""> </td>
                        <td class="font16">订阅信息</td>
                    </tr>
                </table>
            </div>
        </div>
        <p class="footer-bottom">
            Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
        </p>
    </footer>
</body>

</html>